<template>
  <vue-particles
    color="#dedede"
    :particleOpacity="0.9"
    :particlesNumber="80"
    shapeType="circle"
    :particleSize="4"
    linesColor="#dedede"
    :linesWidth="1"
    :lineLinked="true"
    :lineOpacity="0.4"
    :linesDistance="150"
    :moveSpeed="3"
    :hoverEffect="true"
    hoverMode="grab"
    :clickEffect="true"
    clickMode="push"
    class="vue-particles"
  >
  </vue-particles>
</template>

<script lang="ts">
  // 粒子特效插件
import {Vue, Component, Prop} from "vue-property-decorator"
@Component({})
export default class SParticles extends Vue{

}
</script>

<style lang="scss" scoped>
.vue-particles{
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index:-100;
}
</style>
